<template>
  <div id="app">

  <v-header></v-header>
 <div class="tab">
    <div class="tab-item">
       <router-link to="/goods">商品</router-link> 
    </div>

    <div class="tab-item">
          <router-link to="/ratings">评价</router-link> 
    </div>
    <div class="tab-item">
       <router-link to="/seller">商家</router-link> 
    </div>
 </div>

 <router-view></router-view>
 <!-- <div class="content">
     我是content
 </div> -->

  </div>
</template>

<script>
import Header from "./components/Header"

export default{

 components:{
 'v-header': Header
  
  }
}

</script>

<style lang="stylus">
  .tab
     display: flex
     width:100%
     height 40px
     .tab-item
        flex:1
        text-align:center
    
</style>